/****************************************************************
    Filename:       Style.css
    Description:    Style base for template number 1
    Date:           12/28/12
    Version:        0.1
    Authors:        Andrew Reid / Jessica McConoghy    
    Company:        The Pulse Network
    Website:        http://thepulsenetwork.com

    -----------------------Site Structure-----------------------
        wrap
            container
                header
                    logo
                    welcome
                    status
                content
                    pagetitle
                    pageinfo
                        error
                        [merge fields]
                        buttons
                        disclaimer
                footer
                    moretext
                    copyright
    ------------------------------------------------------------

****************************************************************/


/************General Font and Color Defined by User************/

body {	
	background-color: #f2f2f2;
	font-family: verdana, arial, helvetica, sans-serif;
}

a:link, a:active, a:visited{
  color:#0077B2;
}
p, li {
	font-size: 12px;
	margin: 5px 0px;
}
/******************************End******************************/

body {	
	color:#565A5C;
	background-color: #f2f2f2;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 auto;
    padding: 0;	
}

fieldset{
    background-color: #F3F3F5;
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
	border-right:none;
	border-left:none;
    padding: 0px 34px 40px 30px;
}

legend {
	padding-left: 2px;
	padding-right: 2px;
	color:#0077B2;
	font-size: 14px;
	font-weight: bold;
	margin-top: 37px;
	padding-top:20px;
	background-color:transparent;
	border-top: 1px dotted #ccc;
}

.inner {
	margin-left:30px;
    padding-top: 10px;
}
.inner .descr{
	font-weight:bold;
	font-size:14px;
	margin-bottom:10px;
	}
	
.inner .title{
	font-size:12px;
	font-weight: bold;
		
}

.inner .item-descr {
    border-bottom: 1px dotted #989898;
    margin-bottom: 20px;
    padding-bottom: 10px;
    padding-left: 30px;
	color:#565A5C;
}

.TotalChargedInput{
	font-size:14px;
	font-weight: bold;
}


a img {
    border: none;
}

.container {
    border: 3px solid #cbcfd3;
	padding-left: 0px;
	width: 872px;
	padding-right: 0px;
	background-color:#FFFFFF;
	height: 100%;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	margin-top:15px;
}

/*****************************Header*****************************/

#header {
	width:100%;
	margin:;
	padding:15px 5px 15px;
}

.logo{background: url("MGH_IHVSC_RGB.png") no-repeat scroll 0px 0px transparent;
    height: 157px;
    width:100%;
	margin:0 auto;
	}
	
.welcome{
	margin: 10px 10px;
	padding: 0px 30px 10px;
	clear:both;
}

.Status{
	position:relative;
    display: block;
	float:left;
    height: 28px;
   width:100%;
	clear:both;
}

.breadcrumb { 
  list-style: none; 
  overflow: hidden; 
  font: 12px Helvetica, Arial, Sans-Serif;
}
.breadcrumb li { 
  background: hsla(199,100%,30%,1);
  float: left; 
  color: white;
  text-decoration: none; 
  padding: 10px 20px 10px 35px;
  position: relative; 
  display: block;
  float: left;
}
.breadcrumb li:after { 
  content: " "; 
  display: block; 
  width: 0; 
  height:0;
  border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
  border-bottom: 50px solid transparent;
  border-left: 25px solid  hsla(199,100%,30%,1);
  position: absolute;
  top: 50%;
  margin-top: -50px; 
  left: 100%;
  z-index: 2; 
}	
.breadcrumb li:before { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 27px solid white;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	margin-left: 1px;
	left: 100%;
	z-index: 1; 
}	
.breadcrumb li:first-child a {
  padding-left: 10px;
}
.breadcrumb li:nth-child(2)        {background: hsla(199,90%,40%,1);  }
	.breadcrumb li:nth-child(2):after { border-left-color: hsla(199,90%,40%,1); }
	.breadcrumb li:nth-child(3)       { background: hsla(199,90%,40%,1);  }
	.breadcrumb li:nth-child(3):after { border-left-color: hsla(199,90%,40%,1); }
	.breadcrumb li:nth-child(4)       { background: hsla(199,90%,40%,1); }
	.breadcrumb li:nth-child(4):after { border-left-color:hsla(199,90%,40%,1); }
	.breadcrumb li:nth-child(5)       { background: hsla(199,90%,40%,1); }
	.breadcrumb li:nth-child(5):after { border-left-color: hsla(199,90%,40%,1); }
	.breadcrumb li:last-child {
		 background: hsla(199,90%,40%,1); 
		
	}
	
/***************************End Header***************************/

/*****************************Content****************************/
	
#content {
 	margin: 40px;
}

h2{
	padding-left: 2px;
	padding-right: 2px;
	color:#0077B2;
	font-size: 14px;
	font-weight: bold;
	margin-top: 37px;
	padding-top:20px;
}
.buttons{
	display: inline-block;
	margin-bottom:10px;
	 margin-right:30px;
     margin-top: 10px;
}

.button{
 font-size: 12px;
 padding: 5px;
 float:right;
}
.button:hover
{
}
.ButtonContinue, .ButtonClear, .ButtonCancel, .ButtonBack, .ButtonGuest, .ButtonAdditionalGuest, .ButtonCheckSourceCode {
    background: url("../images/alert-overlay.png") repeat-x scroll 0 0 #0077B2;
    border: medium none;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    height: 35px;
    line-height: 1;
    min-width: 100px;
    padding: 5px 10px 6px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    vertical-align: top;
	
}


/***************************End Content**************************/



/******************************Footer****************************/
#footer {
    color: #9c9c9c;
    font-size: 12px;
    margin: 0 auto;
    padding: 5px 30px 10px;
    width: 790px;
}
.moretext{
    color: #9c9c9c;
    font-size: 12px;
	margin-bottom:30px;
	float:left;
}

.copyright{
	color: #9c9c9c;
	font-size:12px;
	float:left;}
/***************************End Footer***************************/

/*--------------Custom jQuery-----------------*/
/*
.workshops{
    padding-top: 20px;
    display: none;
}
div.form-entry{
  margin:0 auto;
  width:420px;
}
div.form-entry label{
  font-size:11px;
}
div.form-entry span.smalltext{
  font-size:9px;
}
div.form-entry input.text-box-one{
  border:1px solid #9e9e9e;
  margin:3px auto 15px;
  width:400px;
}
.soldout {
    background: url("images/ssw-12-sprite.png") no-repeat scroll  -464px -201px  transparent;
}*/